<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<link rel="stylesheet" type="text/css" href="../../static/mainpage.css" /> 
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>RetailStore</title>
</head>
<body>
<div id="total">
	<div id="header">
		<img src="../../static/eagle.png" / width=150 height=150>
		<span id="greeting" >Hello [user].</span>Login/Logout Cart
	</div>
	<div id="sidebar">
		<ul id="list">
			<li id="head">Categories</li>
			{% for s in items %}
		  	<li class="listopt">
		  		{{s }}
       		</li>
       	  	{% endfor %}
		</ul>
		<ul>
		  
       		 
    	
		</ul>
	</div>
	<div id='navbar'>
	search:<form id="navbarform">
			<select>
					<option>
						Computers
					</option>
					<option>
						Cameras
					</option>
					<option>
						Phones
					</option>
			</select>
			<input type="text" value="keyword(s) here"/>
			<img id="button" src="../../static/push-button.jpg"  alt="imgmissing" width="30" height=30/>
			<!-- 
				CRITICAL!!!!!
				when giving the src, it assumed you are where the controller is
				so for this page, is the folder store
			 -->
		</form>
		
	</div>
	{% include "store/PickIdForm.html" %}
	{% include "store/Item.html" %}
	<img src="../../static/{{x}}" alt="ups" />
	
	<div id="content" >Content Goes Here</div>
</div>
</body>
</html>